@import "common/reset";
@import "common/common"; 

.container-fluid{
    //公共title
    .common-tou{
        padding: 40px 0;
        .common-title{
            text-align: center;
            color: $color;
            .common-en{
                font-size: 15px;
            }
            .common-china{
                font-size: 30px;
                padding-top: 10px;
            }
        }
    }
    //品牌介绍
    .brand{
        padding: 60px 0;       
        .brand-details{
            padding: 40px 100px;
            p{
                line-height: 45px;
                text-align: left;
                text-indent: 2em;
                font-size: 18px;
                color: #595757;
            }
        }
        .brand-surround{
            p{
                font-size: 20px;
                color: #595959;
                text-align: center;
                padding-top: 18px;
            }
        }
    }
    //特色产品展示
    .product{
        padding-bottom: 20px;
        text-align: center;
        .product-list{
            text-align: center;
//          list-style: inherit;  
            li{
                cursor: pointer;
                color: #595757;
                font-size: 16px;
                padding: 5px 2px;
                :hover{
                    background: red;
                    color: #d90b18;
                }
            } 
            .list-on{
                background:#ddddde;
                color: #000;              
//              text-decoration: underline;
                font-weight: bold;
            }                       
        }
    }
    .product-detail{
        background: #ddddde;
        padding: 52px 20px;       
        .mask-top{
            display: none;
            .mask-contorl{
                text-align: center;
                padding: 0;
                overflow: hidden;
                .img-control{
                    position: relative;
                    margin: 10px 10px 10px 10px;
                    cursor: pointer;
                    overflow: hidden;
                    :hover~.detail-mask{
                        bottom:0;                      
                    }
                    :hover{
                        transform: scale(1.1);
                    }
                    .img-responsive{
                        transition: all ease-in-out .8s;  
                    }
                }
                .detail-mask{                    
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    font-size: 22px;
                    color: #fff;
                    width: 100%;
                    margin: 0 auto;
                    background: rgba(0,0,0,.4);
                    position: absolute;
                    bottom: -80px;
                    left: 0;
                    transition: all ease .8s; 
                }
            }
        }
        .default-link{
            display: block;
        }       
    }
    .room-show{
        padding: 35px 20px;
        text-align: center;
        color: #221815;
        .img-responsive{
            transition: all ease-in-out .8s;  
            
        }
        .img-scale{
            overflow:hidden;
            :hover{
                transform: scale(1.1);
            }
        }
        .ch-dian{
            font-size: 24px; 
            padding-top: 28px;          
        }
        .en-dian{
            font-size: 14px;
        }
    }
    .honor{
        .padding-b{
           padding-bottom: 20px; 
        }
    }
    .run-ding{
        text-align: center;
        padding: 56px 0;        
        span{
            padding: 10px 18px;
            border: 1px solid #626262;
            font-size: 30px;
            cursor: pointer;
        }
    }
}
//设配
@media screen and (min-width:992px) {
    .container-fluid {
        .product-detail{
            padding: 52px 80px;
        }
       .room-show{
           padding: 0 80px 52px 80px;
       }
    }
}
@media screen and (max-width:992px) {
    .container-fluid {
        .brand{
            .brand-details{
                padding: 30px 0;
            }
        }
    }
}
//到手机端
@media screen and (max-width:767px) {
    .container-fluid {
        .product-detail{
            .mask-top{
                .mask-contorl{
                    .detail-mask{
                        bottom: 0;
                        font-size: 15px;
                        height: 28px;
                        line-height: 28px;
                    }
                }
            }
        }
        .product{
            .product-list{
                li{
                    font-size: 22px;
                }
            }
        }
        .brand{
            .brand-details{
                p{
                    font-size: 14px;
                    line-height: 36px;
                }
            }
            .brand-surround{
                p{
                    font-size: 18px;
                    padding-top: 5px;
                    padding-bottom: 20px;
                }
            }
        }
        .room-show{
            .ch-dian{
                padding-top: 5px;
                font-size: 18px;
            }
            .en-dian{
                padding-bottom: 20px;
                font-size: 12px;
            }
        }
        .run-ding{
            span{
                font-size: 20px;
            }          
        }  
    }
}
@media screen and (max-width:767px){
    .container-fluid {
        .common-tou{
            .common-title{
                .common-china{
                    font-size: 24px;
                }
            }
        } 
        .model{
            padding-bottom: 0;  
        } 
    }
}